<!DOCTYPE html>
<!--suppress ALL-->
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link th:href="@{/resources/css/common.css}" rel="stylesheet" tyle="text/css" />
<link th:href="@{/resources/css/style.css}" rel="stylesheet" type="text/css" />
<link th:href="@{/resources/fonts/iconfont.css}" rel="stylesheet" type="text/css" />
<link th:href="@{/resources/css/Orders.css}" rel="stylesheet" type="text/css" />
<script th:src="@{/resources/js/jquery-1.9.1.min.js}" type="text/javascript"></script>
<script th:src="@{/resources/js/jquery.SuperSlide.2.1.1.js}" type="text/javascript"></script>
<script th:src="@{/resources/js/common_js.js}" type="text/javascript"></script>
<script th:src="@{/resources/js/footer.js}" type="text/javascript"></script>
<script th:src="@{/resources/js/jquery.jumpto.js}" type="text/javascript"></script>
<title>收货地址管理</title>
</head>
<script type="text/javascript">
  $(document).ready(function(){

		  setInterval(showTime, 1000);                                
		  function timer(obj,txt){
						  obj.text(txt);
		  }        
		  function showTime(){                                
				  var today = new Date();
				  var weekday=new Array(7)
				  weekday[0]="星期日"
				  weekday[1]="星期一"
				  weekday[2]="星期二"
				  weekday[3]="星期三"
				  weekday[4]="星期四"
				  weekday[5]="星期五"
				  weekday[6]="星期六"                                        
				  var y=today.getFullYear()+"年";
				  var month=today.getMonth()+1+"月";
				  var td=today.getDate();
				  var d=weekday[today.getDay()];
				  var h=today.getHours();
				  var m=today.getMinutes();
				  var s=today.getSeconds();        
				  timer($("#y"),y+month);
				  //timer($("#MH"),month);        
				  timer($("h1"),td);        
				  timer($("#D"),d);
				  timer($("#H"),h);
				  timer($("#M"),m);
				  timer($("#S"),s);
		  }        
  })
</script>
<body>
<!--顶部样式-->
<div id="header_top">
  <div id="top">
    <div class="Inside_pages">
      <div class="Collection">下午好，欢迎光临onlineshop！<em></em></div>
	<div class="hd_top_manu clearfix">
	  <ul class="clearfix">
	   <li class="hd_menu_tit zhuce" data-addclass="hd_menu_hover">欢迎光临onlineshop！</li>
	   <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a >我的订单</a></li>
	   <li class="hd_menu_tit" data-addclass="hd_menu_hover"> <a >购物车(<b>0</b>)</a> </li>
	   <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a >联系我们</a></li>

	  </ul>
	</div>
    </div>
  </div>
  <!--样式-->
<!--顶部样式2-->
<div id="header "  class="header page_style">
  <div class="logo"><a href="#"><img  th:src="@{/resources/images/logo.png}" /></a></div>
  <!--可修改图层-->
  <div class="festival"><a href="#"><img  th:src="@{/resources/images/logo_yd.png}" /></a></div>
  <!--结束图层-->
  <div class="Search">
    <p><input name="" type="text"  class="text"/><input name="" type="submit" value="搜 索"  class="Search_btn"/></p>
</div>
<!--可修改图层2-->
  <!--<div class="festival1"><a href="#"><img  th:src="@{/resources/images/logo_sd.png" /></a></div>--><!--结束-->
 <!--购物车样式-->
<!-- <div class="hd_Shopping_list" id="Shopping_list">
   <div class="s_cart"><em></em><a href="#">我的购物车</a> <i class="ci-right">&gt;</i><i class="ci-count" id="shopping-amount">0</i></div>
   <div class="dorpdown-layer">
    <div class="spacer"></div>
	 &lt;!&ndash;<div class="prompt"></div><div class="nogoods"><b></b>购物车中还没有商品，赶紧选购吧！</div>&ndash;&gt;
	 <ul class="p_s_list">	   
		<li>
		    <div class="img"><img  th:src="@{/resources/images/tianma.png}"></div>
		    <div class="content"><p><a href="#">产品名称</a></p><p>颜色分类:紫花8255尺码:XL</p></div>
			<div class="Operations">
			<p class="Price">￥55.00</p>
			<p><a href="#">删除</a></p></div>
		  </li>
		</ul>		
	 <div class="Shopping_style">
	 <div class="p-total">共<b>1</b>件商品　共计<strong>￥ 515.00</strong></div>
	  <a href="shop_cart.html" title="去购物车结算" id="btn-payforgoods" class="Shopping">去购物车结算</a>
	 </div>	 
   </div>
 </div>-->
</div>
<!--菜单导航样式-->
<div id="Menu" class="clearfix">
<div class="Inside_pages">
	<!--菜单栏-->
	<div class="Navigation" id="Navigation">
		 <ul class="Navigation_name">
             <li><a th:href="@{/index}">首页</a></li>
             <li><a th:href="@{/product/product_list(id=1)}">图书</a></li>
             <li><a th:href="@{/product/product_list(id=2)}">手机</a></li>
             <li><a th:href="@{/product/product_list(id=4)}">数码</a></li>
             <li><a th:href="@{/product/product_list(id=3)}">家用电器</a></li>
             <li><a th:href="@{/product/product_list(id=8)}">个人化妆</a></li>
             <li><a th:href="@{/product/product_list(id=6)}">电脑办公</a></li>
             <li><a th:href="@{/product/product_list(id=14)}">食品饮品</a></li>
             <li><a th:href="@{/product/product_list(id=9)}">服饰内衣</a></li>
             <li><a th:href="@{/product/product_list(id=17)}">运动健康</a></li>
		 </ul>			 
		</div>
	<script>$("#Navigation").slide({titCell:".Navigation_name li"});</script>		
  </div>
</div>
</div>
</div>
<!--内页样式-->
<div class="user_style clearfix" id="user">

 <!--用户中心布局样式-->
   <div class="left_style">
   <!--栏目名称-->
   <div class="title_username">个人中心</div> 
  
   <div class="user_Head"> 
   <div class="user_time">
       <h4 id="y" class="years"></h4>
      <h1></h1>
      <h4 id="D"></h4>
     </div>
     <div class="user_portrait">
   <a href="#" title="修改头像"></a> <img  th:src="@{/resources/images/people.png}" />
    <div class="background_img"></div></div>
    
   </div>
<ul class="Section">
    <li><a th:href="@{/personal/toPersonCenter}"  class="on"><em></em><span>个人信息</span></a></li>
    <li><a th:href="@{/personal/toUserPassword}"  ><em></em><span>修改密码</span></a></li>
    <li><a th:href="@{/personal/toOrdersList}"><em></em><span>我的订单</span></a></li>
    <li><a href="#"><em></em><span>收货地址管理</span></a></li>
      </ul>
 </div>
 <!--右侧样式布局-->
   <div class="right_style r_user_style">
    <!--地址管理-->
     <div class="user_address">
        <div class="title_name"> <span class="name">地址管理</span></div>
        <div class="Address_List clearfix">
        <!--地址类表-->
           <ul class="Address_info">
            <div class="address_title"><a href="#" class="modify" title="修改信息"></a>地址信息 <a href="javascript:over('0')" class="delete "><i class="iconfont icon-close"></i></a></div>
            <li>张婷婷</li>
            <li>四川成都武侯区簇景横街210号3栋1单元307号。</li>
            <li>182938596861</li>
            <li>610000</li>
           </ul>
           <ul class="Address_info">
            <div class="address_title"><a href="#" class="modify" title="修改信息"></a>地址信息 <a href="javascript:over('0')" class="delete "><i class="iconfont icon-close"></i></a></div>
            <li>张婷婷</li>
            <li>四川成都武侯区簇景横街210号3栋1单元307号。</li>
            <li>182938596861</li>
            <li>610000</li>
           </ul>
           <ul class="Address_info">
            <div class="address_title"><a href="#" class="modify" title="修改信息"></a>地址信息 <a href="javascript:over('0')" class="delete "><i class="iconfont icon-close"></i></a></div>
            <li>张婷婷</li>
            <li>四川成都武侯区簇景横街210号3栋1单元307号。</li>
            <li>182938596861</li>
            <li>610000</li>
           </ul>
           <ul class="Address_info">
            <div class="address_title"><a href="#" class="modify " title="修改信息"></a>地址信息 <a href="javascript:over('0')" class="delete "><i class="iconfont icon-close"></i></a></div>
            <li>张婷婷</li>
            <li>四川成都武侯区簇景横街210号3栋1单元307号。</li>
            <li>182938596861</li>
            <li>610000</li>
           </ul>
        </div>
        <!--添加地址样式-->
          <script th:src="@{/resources/Threelinkage/kit.js}"></script>
		<!--[if IE]>
		<script th:src="@{/resources/Threelinkage/ieFix.js}"></script>
		<![endif]-->
		<script type="text/javascript">
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-30210234-1']);
			_gaq.push(['_trackPageview']);
			(function() {
				var ga = document.createElement('script');
				ga.type = 'text/javascript';
				ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(ga, s);
			})();

		</script>
		<script th:src="@{/resources/Threelinkage/dom.js}"></script>
		<script th:src="@{/resources/Threelinkage/event.js}"></script>
        <script th:src="@{/resources/Threelinkage/math.js}"></script>
		<script th:src="@{/resources/Threelinkage/TreeDict.js}"></script>
		<script th:src="@{/resources/Threelinkage/form.js}"></script>
		<script th:src="@{/resources/Threelinkage/combobox.js}"></script>
		<script th:src="@{/resources/Threelinkage/suggestselect.js}"></script>
		<script th:src="@{/resources/Threelinkage/list.js}"></script>
		<!--json data-->
		<script th:src="@{/resources/Threelinkage/json-data.js}" charset="utf-8"></script>
        <link href="../Threelinkage/linkage.css" rel="stylesheet"  type="text/css"/>
        <form >
        <div class="Add_Addresss">
             <div class="title_name"><i></i>添加地址</div>
             <table>
              <tr>
               <td class="label_name">收货地址</td>
               <td colspan="3" class="select"> 
               <span class="select_adderss"><label> 省份 </label><select class="kitjs-form-suggestselect " ></select></span>
               <span class="select_adderss"><label> 市/县 </label><select class="kitjs-form-suggestselect "></select></span>
               <span class="select_adderss"><label> 区/县 </label><select class="kitjs-form-suggestselect"></select></span>
               <span class="select_adderss"><label> 详细地址 </label><input name="" type="text" class="Add-text"/></span>
               </td>
               </tr>
              <tr>
              <td class="label_name">收件人姓名</td><td><input name="" type="text"  class="Add-text"/><i>（必填）</i></td>
              <td class="label_name">电子邮箱</td><td><input name="" type="text"  class="Add-text"/><i>（选填）</i></td>
              </tr>
              <tr>
              <td class="label_name">邮&nbsp;&nbsp;编</td><td><input name="" type="text"  class="Add-text"/><i>（必填）</i></td>
              <td class="label_name">性&nbsp;&nbsp;别</td><td> 
                <label class="sex"> <input type="radio" name="RadioGroup1" value="1" id="RadioGroup1_0"  class="select"/><span>男</span></label>
                <label class="sex"><input type="radio" name="RadioGroup1" value="2" id="RadioGroup1_1" class="select"/><span>女</span></label><i>（选填）</i> </td>
              </tr>
              <tr><td class="label_name">手&nbsp;&nbsp;机</td><td><input name="" type="text"  class="Add-text"/><i>（必填）</i></td>
              <td class="label_name">固定电话</td><td><input name="" type="text"  class="Add-text"/><i>（选填）</i></td></tr>
              <tr><td class="label_name"></td><td></td><td class="label_name"></td><td></td>
              </tr>             
             </table>
             <div class="address_Note"><span>注：</span>只能添加5个收货地址信息。请乎用假名填写地址，如造成损失由收货人自己承担。</div>
             <div class="btn"><input name="1" type="submit" value="添加地址" class="Add_btn" /></div>
             
         </div>
       </form>
     </div>
   </div>
</div>
<!--底部样式-->
 <div class="ft_footer_service" id="footer">
  <div class="footerbox" >
  <!--底部-->
  <div class="Menu_style ensure ">
    <div class="phone">
      400-3456-333
    </div>
    <div class="icon_en">
     <a href="#" class="icon_link"><img  th:src="@{/resources/images/footer_icon_31.png}" /><span class="left"><h2>退换货</h2>7天无理由退换货</span></a>
     <a href="#" class="icon_link"><img  th:src="@{/resources/images/footer_icon_33.png}" /><span class="left"><h2>正品保障</h2>企业认证产品</span></a>
     <a href="#" class="icon_link"><img  th:src="@{/resources/images/footer_icon_35.png}" /><span class="left"><h2>满包邮</h2>满68元包邮</span></a>
     <a href="#" class="icon_link"><img  th:src="@{/resources/images/footer_icon_37.png}" /><span class="left"><h2>直供产品</h2>厂家直销平台</span></a>
    </div>
   </div>
  </div>
 </div>
 <!--底部样式-->
 <div class="footer">
  <div class="footerbox clearfix">
  <div class="clearfix">
   <div class="left help_link">
    <dl>
	 <dt>投保指南</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
	<dl>
	 <dt>保险服务</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
	<dl>
	 <dt>支付方式</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
	<dl>
	 <dt>帮助中心</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>	   
   </div>
   <!--信息内容-->

  <!--认证-->
 <!--认证展示样式-->
<div class="Authenticate left clearfix" id="Authenticate_show">
  <div class="Authenticate_show">
  <div class="picMarquee-left">
			<div class="hd">
				<a class="next">&lt;</a>
				<a class="prev">&gt;</a>
			</div>
			<div class="bd">
				<ul class="picList">
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img  th:src="@{/resources/images/pic1.jpg}" /></a></div>
                          <!--<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图1</a></div>-->					
                    </li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img  th:src="@{/resources/images/pic2.jpg}" /></a></div>
						<!--<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图2</a></div>-->
					</li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img  th:src="@{/resources/images/pic3.jpg}" /></a></div>
						
					</li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img  th:src="@{/resources/images/pic4.jpg}" /></a></div>
						
					</li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img  th:src="@{/resources/images/pic5.jpg}" /></a></div>
						
					</li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img  th:src="@{/resources/images/pic6.jpg}" /></a></div>
						
					</li>
                    <li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img  th:src="@{/resources/images/pic6.jpg}" /></a></div>
						
					</li>
                    <li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img  th:src="@{/resources/images/pic6.jpg}" /></a></div>
						
					</li>
				</ul>
			</div>
		</div>

		<script type="text/javascript">
		jQuery(".picMarquee-left").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:2,interTime:50});
		</script>
  </div>
</div>
  </div>
 <div class="text_link">
   <p>
  <a href="#">关于我们</a>｜ <a href="#">公开信息披露</a>｜ <a href="#">加入我们</a>｜ <a href="#">联系我们</a>｜ <a href="#">版权声明</a>｜ <a href="#">隐私声明</a>｜ <a href="#">网站地图</a></p>
  </div>
  </div>
 </div>
 <!--右侧菜单栏购物车样式-->
<div class="fixedBox">
  <ul class="fixedBoxList">
      <li class="fixeBoxLi user"><a href="#"> <span class="fixeBoxSpan iconfont icon-my"></span> <strong>用户</strong></a> </li>
    <li class="fixeBoxLi cart_bd" style="display:block;" id="cartboxs">
		<p class="good_cart">0</p>
			<span class="fixeBoxSpan iconfont icon-cart"></span> <strong>购物车</strong>
			<div class="cartBox">
       		<div class="bjfff"></div><div class="message">购物车内暂无商品，赶紧选购吧</div>    </div></li>
    <li class="fixeBoxLi Service "> <span class="fixeBoxSpan iconfont icon-qq1"></span> <strong>客服</strong>
      <div class="ServiceBox">
        <div class="bjfffs"></div>
        <dl onclick="javascript:;">
		    <dt><img  th:src="@{/resources/images/Service1.png}"></dt>
		       <dd><strong>QQ客服1</strong>
		          <p class="p1">9:00-22:00</p>
		           <p class="p2"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a></p>
		          </dd>
		        </dl>
				<dl onclick="javascript:;">
		          <dt><img  th:src="@{/resources/images/Service1.png}"></dt>
		          <dd> <strong>QQ客服1</strong>
		            <p class="p1">9:00-22:00</p>
		            <p class="p2"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a></p>
		          </dd>
		        </dl>
	          </div>
     </li>
	 <li class="fixeBoxLi code cart_bd " style="display:block;" id="cartboxs">
			<span class="fixeBoxSpan iconfont icon-weixin"></span> <strong>微信</strong>
			<div class="cartBox">
       		<div class="bjfff"></div>
			<div class="QR_code">
			 <p><img  th:src="@{/resources/images/erweim.jpg}" width="150px" height="150px" style=" margin-top:10px;" /></p>
			 <p>微信扫一扫，关注我们</p>
			</div>		
			</div>
			</li>

    <li class="fixeBoxLi Home"> <a href="./"> <span class="fixeBoxSpan iconfont  icon-collect"></span> <strong>收藏</strong> </a> </li>
    <li class="fixeBoxLi BackToTop"> <span class="fixeBoxSpan iconfont icon-top"></span> <strong>返回顶部</strong> </li>
  </ul>
</div>
</body>
</html>
<script>
			var a = $kit.els8cls($kit.ui.Form.ComboBox.Select.defaultConfig.transformCls), a1 = [];
			for(var i = 0; i < a.length; i++) {
				a1.push(a[i])
			}
			a = a1;
			var b1 = new $kit.ui.Form.ComboBox.Select({
				el : a[0],
				data : (function() {
					var provTreeDict = new TreeDict();
					for(var prov in chinaJSON) {
						provTreeDict.ad(prov, prov);
					}
					return provTreeDict;
				})()
			});
			b1.transform();
			b1.ev({
				ev : 'change',
				fn : function() {
					var prov = chinaJSON[b1.inputEl.value];
					if(prov == null) {
						return;
					}
					var cityTree = new TreeDict();
					for(var city in prov) {
						cityTree.ad(city, city);
					}
					b2.inputEl.value = '';
					b2.formEl.value = '';
					b2.config.data = cityTree;
					b2.list.buildList(cityTree.search(''));
				}
			});
			var b2 = new $kit.ui.Form.ComboBox.Select({
				el : a[1],
				data : undefined
			});
			b2.transform();
			b2.ev({
				ev : 'change',
				fn : function() {
					var city = chinaJSON[b1.inputEl.value][b2.inputEl.value];
					if(city == null) {
						return;
					}
					var districtTree = new TreeDict();
					for(var district in city) {
						districtTree.ad(district, city[district]);
					}
					b3.inputEl.value = '';
					b3.formEl.value = '';
					b3.config.data = districtTree;
					b3.list.buildList(districtTree.search(''));
				}
			});
			var b3 = new $kit.ui.Form.ComboBox.Select({
				el : a[2],
				data : undefined
			});
			b3.transform();

		</script>